<template>
    <div class="sidebar">
        <el-menu :default-active="activeIndex" class="el-menu-demo" router mode="vertical" background-color="#fff"
            text-color="#000" active-text-color="#409EFF">
            <el-menu-item index="/maintainer/home">
                <span class="iconfont">&#xe621;</span>
                <span> 首页 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
            <el-menu-item index="/maintainer/info">
                <span class="iconfont">&#xe621;</span>
                <span> 基本资料 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
            <el-menu-item index="/maintainer/assigntakeorder">
                <span class="iconfont">&#xe600;</span>
                <span> 特邀订单 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
            <el-menu-item index="/maintainer/takeorder">
                <span class="iconfont">&#xe600;</span>
                <span> 接单 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
            <el-menu-item index="/maintainer/orderlist">
                <span class="iconfont">&#xe600;</span>
                <span> 订单记录 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
            <el-menu-item index="/maintainer/changepassword">
                <span class="iconfont">&#xe606;</span>
                <span> 修改密码 </span>
                <span class="el-icon-arrow-right"></span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {
  data () {
    return {
      activeIndex: '/maintainer/home'
    }
  },
  created () {
    this.activeIndex = this.$route.path
  }
}
</script>

<style lang="less" scoped>
.sidebar{
    .el-menu-demo{
        min-height: 600px;
        text-align: center;
    }
}
</style>
